.page_wrapper {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;

  .page_header {
    display: flex;
    padding: 16px 24px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;

    .page_header_left {
      display: flex;
      align-items: center;
    }

    .back_button {
      :global {
        .anticon {
          font-size: 18px;
        }
      }

      & + div {
        margin-left: 12px;
      }
    }

    .header_title {
      .title_text {
        font-weight: 500;
        font-size: 24px;
        color: #333;
      }
    }
  }

  .page_content {
    flex: 1;
    border-radius: 4px;
    display: flex;
    flex-direction: column;

    .content {
      flex: 1;

      &.flex_content {
        display: flex;
      }

      &.has_loading {
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
  }
}
